
    <div th:fragment="adminPage" class="pageDiv" style="width:300px;margin:0 auto">


        <ul class="pagination">
            <li :class="pageInfo.isFirstPage ? 'page-item disabled' : 'page-item'">
                <a class="page-link" href="#" @click="jump('first')">
                    <span aria-hidden="true">«</span>
                </a>
            </li>
            <li :class="pageInfo.isFirstPage ? 'page-item disabled' : 'page-item'">
                <a class="page-link" href="#" @click="jump('pre')">
                    <span aria-hidden="true">‹</span>
                </a>
            </li>
            <li :class="i== pageInfo.pageNum ? 'page-item active' : 'page-item'"
                v-for="i in pageInfo.pages">
                <a class="page-link" href="#" @click="jumpByNumber(i)">{{i}}</a>
            </li>
            <li :class="pageInfo.isLastPage ? 'page-item disabled' : 'page-item'">
                <a class="page-link" href="#" @click="jump('next')">
                    <span aria-hidden="true">›</span>
                </a>
            </li>
            <li :class="pageInfo.isLastPage ? 'page-item disabled' : 'page-item'">
                <a class="page-link" href="#" @click="jump('last')">
                    <span aria-hidden="true">»</span>
                </a>
            </li>
        </ul>
    </div>

